<!doctype html>

<html>

<head>
<!-- 页头 begin -->
<?php require_once('top.php');?>
<!-- 页头 end -->
</head>
	<body>	
<!-- 页内容 begin -->
<div id="content" class="">
	<link rel='stylesheet' type='text/css' href='css/jquery-ui.css' />
	<style type="text/css">
.input {
	border: 1px solid #999
}

.qline {
	line-height: 24px;
	margin: 10px
}

#suggest,#suggest2 {
	width: 200px;
}

.gray {
	color: gray;
}

.ac_results {
	background: #fff;
	border: 1px solid #7f9db9;
	position: absolute;
	z-index: 10000;
	display: none;
}

.ac_results ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ac_results li a {
	white-space: nowrap;
	text-decoration: none;
	display: block;
	color: #05a;
	padding: 1px 3px;
}

/* .ac_results li {
	border: 1px solid #fff;
	line-height: 18px
} */
.ac_over,.ac_results li a:hover {
	background: #c8e3fc;
}

.ac_results li a span {
	float: right;
}

.ac_result_tip {
	border-bottom: 1px dashed #666;
	padding: 3px;
}
</style>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type='text/javascript' src='js/jquery-ui.min.js'></script>
	<script type='text/javascript' src='js/jquery.ui.datepicker-zh-CN.js'></script>
	<script type="text/javascript" src="js/aircity.js"></script>
	<script type="text/javascript" src="js/j.suggest.js"></script>
	<script type="text/javascript">
	$(function() {
		$("#arrcity").suggest(citys, {
			hot_list : commoncitys,
			attachObject : '#suggest'
		});
		$("#city2").suggest(citys, {
			hot_list : commoncitys,
			attachObject : "#suggest2"
		});
		today = new Date();
		var year = today.getFullYear();
		var month = today.getMonth();
		var day = today.getDate();
		$("#startdate,#enddate").css("color", "#aaa").attr("value",
				"yyyy-mm-dd");
		$("#startdate,#enddate").datepicker({
			minDate : new Date(year, month, day + 1),
			numberOfMonths : 1,
			onClose : function() {
				$(this).css("color", "#000");
			}
		});
	});
</script>

	<div class="search-md">

		<div class="search-md-content">

			<div class="hd">

				<h2 class="tit">开始您的旅行计划</h2>

			</div>

			<div class="bd clearfix" id="J_search_tab">

				<ul class="search-tab tab-nav">
					<li id="search-tab-dujia"><s></s><a href="#">旅游度假</a></li>
				</ul>

				<div class="tab-content">

					<!-- jipiao begin -->

					<div class="tab-pannel">

						<form method="get" target="_blank" class="search-form"
							id="J_jipiao_form">

							<fieldset>

								<ul>
									<li><label for="arrcity">出发城市：</label><input type="text"
										name="arrcity" class="input" id="arrcity" />
										<div id='suggest' class="ac_results"></div></li>
									<li><label for="city2">目的城市：</label><input type="text"
										name="city2" class="input" id="city2" />
										<div id='suggest2' class="ac_results"></div></li>
									<li><label for="startdate">出发日期：</label><input type="text"
										name="startdate" class="input" id="startdate" /></li>
									<li><label for="enddate">返回日期：</label><input type="text"
										name="enddate" class="input" id="enddate" /></li>
									<li class="">
										<button type="submit" class="search-submit">搜索</button>
									</li>
								</ul>

							</fieldset>

						</form>

					</div>

					<!-- jipiao end -->

				</div>

			</div>

		</div>

	</div>

</div>

<!-- module search end -->
</div>

</div>
<!-- 页内容 end -->
	
<!-- 页尾 begin -->
<?php require_once('foot.php');?>
<!-- 页尾 end -->
</body>	